<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>惊喜,只为生活中的每一点惊喜!</title>
    <link rel="stylesheet" href="./static/css/common/adaptor.css">
    <link rel="stylesheet" href="./static/css/common/common.css">
    <link rel="stylesheet" href="./static/css/index/index.css">
</head>
<body>
    <div class="layout">
        <div class="header">
            <div class="swiperIcon"></div>
            <div class="searchInput"></div>
            <div class="msgIcon"></div>
        </div>
        <div class="contentBox">
            <div class="customZone">
                <!-- 动态渲染 -->
            </div>
            <div class="themeBox">
                <!-- 动态渲染 -->
            </div>
            <div class="contenBox">
                <!-- 动态渲染 -->
            </div>
            <div class="like clearfix">
                <div class="likeIcon"></div>
                <div class="likeProduct clearfix">
                    <!-- 动态渲染 -->
                </div>
                <div class="end"><img src="./static/img/theend@3x.png" alt=""></div>
            </div>
        </div>
        <div class="menu">
            <ul>
                <li><a href="javascript:void(0);">首页<span class="indexxIcon"></span></a></li>
                <li><a href="javascript:void(0);" class="classifyBtn">分类<span class="classifyIcon"></span></a></li>
                <li><a href="./view/activity/activity.html">活动<span class="activityIcon"></span></a></li>
                <li><a href="./view/me/shoppingCar.html">购物车<span class="carIcon"></span></a></li>
                <li><a href="./view/me/me.html">我<span class="meIcon"></span></a></li>
            </ul>
        </div>
        <div class="outTimeMarsk">
            <div class="outTimeBox">
                <div class="top">
                    <div class="outTimePic"></div>
                    <div class="outTimeTitle">登录超时</div>
                    <div class="outTimeText">您的账号登录已超时，<br>请重新登录</div>
                </div>
                <div class="bottom clearfix">
                    <div class="leftBtn">继续逛逛</div>
                    <div class="rightBtn">重新登录</div>
                </div>
            </div>
        </div>
    </div>
    <!-- 舍得定制 -->
    <script type="text/template" id="customZone">
        <div class="imgBox">
            <a href="./view/point/point.html"><img src="{{customZonePic}}" alt=""></a>
        </div>
    </script>
    <!-- 主题 -->
    <script type="text/template" id="themeBox">
        {{each theme as item index}}
        <div class="themeItem">
            <div class="themePic" data-id="{{item.id}}">
                <img src="{{item.pic}}" alt="">
            </div>
            <div class="themeProductlist clearfix">
                {{each item.plist as pItem index}}
                <div class="themeProItem" data-id="{{pItem.id}}">
                    <div class="tpiPic"><img src="{{pItem.midPic}}" alt=""></div>
                    <div class="productMsg">
                        <div class="brandName">{{pItem.brandName}}</div>
                        <div class="productName">{{pItem.productName}}</div>
                        <div class="price">￥ {{pItem.price}}</div>
                    </div>
                </div>
                {{/each}}
            </div>
        </div>
        {{/each}}
    </script>
    <!-- 推文 -->
    <script type="text/template" id="contenBox">
        {{each contentList as item index}}
        <div class="contentItem" data-id="{{item.id}}">
            <div class="contentTitle">
                <h2>{{item.title}}</h2>
            </div>
            <div class="contentText">{{item.content}}</div>
            <div class="contentPic">
                <img src="{{item.pic}}" alt="">
            </div>
            <div class="tagAndThumb">
                {{each item.tags.split(",") as tag index}}
                <div class="tag">{{tag}}</div>
                {{/each}}
                <div class="thumb">{{item.thumb}}人点赞</div>
            </div>
        </div>
        {{/each}}
    </script>
    <!-- 猜你喜欢 -->
    <script type="text/template" id="likeProduct">
        {{each productList as item index}}
        <div class="likeProductItem" data-id="{{item.id}}">
            <div class="likeProductPic">
                <img src="{{item.midPic}}" alt="">
            </div>
            <div class="likeProductMsg">
                <div class="likeBrandName">{{item.brandName}}</div>
                <div class="likeProductName">{{item.productName}}</div>
                <div class="likePrice">￥ {{item.price}}</div>
            </div>
        </div>
        {{/each}}
    </script>
    <script src="./static/assets/jquery/jquery.min.js"></script>
    <script src="./static/assets/art-template/template.js"></script>
    <script src="./static/assets/pullmaster/pull.min.js"></script>
    <script src="./static/js/config/config.js"></script>
    <script src="./static/js/config/tools.js"></script>
    <script src="./static/js/index/index.js"></script>
</body>
</html>